<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exercício 3 - Relatório IHC</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

    <main class="container mt-5 text-center">
        <h1 class="display-4 fw-bold">Relatório de Performance de TI</h1>
        
        <div class="my-4">
            <img src="grafico_servidor.png" alt="Gráfico de linha mostrando o tempo de resposta do servidor estável em 20ms durante as últimas 24 horas" class="img-fluid rounded shadow">
        </div>

        <div class="card mx-auto mt-4" style="max-width: 500px;">
            <div class="card-body">
                <h5>Gerenciamento de Logs</h5>
                <p class="text-muted">Ação necessária para os alertas detectados.</p>
                
                <button class="btn btn-primary me-2">Aprovar Relatório</button>
                <button class="btn btn-danger">Excluir Alerta</button>
            </div>
        </div>
    </main>

</body>
</html>